﻿<html>
<head>
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
	<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">  
	<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
	<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	
<style>
	.red{
		color:red;
	}
</style>
</head>
<body>
	<div style="text-align:center;width:50%;">
		<h1 class="red">大牛签到</h1>
	
		<form action="" method="post" class="form-horizontal">
			
			<div class="form-group">
				<label for="inputEmail3" class="col-sm-2 control-label">姓名:</label>
				<div class="col-sm-10">
				  <input type="text" name="name" class="form-control" id="inputEmail3" placeholder="姓名">
				</div>
			</div>
			<div class="form-group">
				<label for="inputEmail3" class="col-sm-2 control-label">学号:</label>
				<div class="col-sm-10">
				  <input type="text" name="num" class="form-control" id="inputEmail3" placeholder="学号">
				</div>
			</div>
			<div class="form-group">
				<label for="inputEmail3" class="col-sm-2 control-label">班级:</label>
				<div class="col-sm-10">
				  <input type="text" name="dep" class="form-control" id="inputEmail3" placeholder="班级">
				</div>
			</div>
			<div class="form-group">
				<div class="col-sm-offset-2 col-sm-10">
				  <button type="submit" class="btn btn-default">签到</button>
				</div>
			</div>
		</form>
	</div>
</body>
</html>